
<style>
/*------------------------- 弹出窗口start -------------------------*/
.tipbox{ width:auto; position:absolute;background-color:#fff; padding:10px 10px 10px 10px;background:url(${basePath}static/img/bg_tipbox.png) repeat; border-radius:6px; display:none; z-index:100000;}
.tipbox .tipbox-title{ height:48px; line-height:46px;color:#fff; font-weight:bold; font-family:"宋体"; background:url(${basePath}static/img/bg_tipbox_title.png) repeat-x 0 -1px; border:1px solid #1a1c1d; border-radius:6px 6px 0 0; padding:0 10px; position:relative;100; cursor:move;}
.tipbox .tipbox-title .ico-close{ background:url(${basePath}static/img/lottery/ico-close.png) no-repeat; display:inline-block; width:33px; height:33px; position:absolute; z-index:110;top:6px; right:6px;}
.tipbox .tipbox-title .ico-close:hover{ background-position:0 -33px;}
.tipcontent{ background-color:#fff; padding:10px; border-radius:0 0 6px 6px; overflow:auto;word-break:break-all;}
.tip-scoll{ height:300px; overflow:auto;}
.tipbottom{ padding:10px 0; margin-top:10px; border-top:1px solid #ddd; text-align:right;}
.tipbottom .btn-a{ margin-left:10px;}
.tipbox-tb td{ vertical-align:middle;}
.tipbox-tb img{ margin-right:20px;}
.tipcontent h2{ font:bold 16px/30px "微软雅黑"; margin:10px 0;}
.tipcontent h3{ font:bold 14px/21px "微软雅黑"; margin:10px 0;}
.tipcontent p{ line-height:180%; margin:5px 0;color:#666;}
.tipbox-tb p{ font-size:16px;}
/*------------------------- 弹出窗口end -------------------------*/
</style>
<!-- 弹出层  style="width:600px;" 这里修改这个width值，调整成合适的宽度 -->
<script type="text/html" id="box-template">
<div class="tipbox" id="box-detail" title="(Ctrl+E可移动提示框，点“鼠标左键”取消移动)" style="display:none;">
	<div class="tipbox-title tit">
		<%=title%>
		<a href="javascript:;" class="ico-close close"></a>
	</div>
	<div class="tipcontent">
		<table class="tipbox-tb">
			<tr>
				<td <%if(!isIcon){%> style="display:none;"<%}%>><img width="60" height="60" src="${basePath}static/img/icon/tipbox<%=status%>.png" /></td>
				<td><p data-flag="basicTitle"><%=basicTitle%></p></td>
			</tr>
		</table>
		<h2><%=bigTitle%></h2>
		<table>
		<tr>
		<%_.each(bigContents,function(content,index) {%>
		<%if(index!=0 && index%column==0){%> </tr><tr><%}%>
		<td <%if(column_width){%> width="<%=column_width%>"<%}%>>
		<p><%=content%></p>
		</td>
		<%})%>
		</tr>
		</table>
		<h3><%=smallTitle%></h3>
		<%_.each(smallContents,function(content,index) {%>
		<p><%=content%></p>
		<%})%>
		<div class="tipbottom">
			<%_.each(buttons,function(button,index) {%>
				<input type="button" data-flag="<%=button.flag%>" value="<%=button.name%>" class="btn-a" />
			<%})%>
		</div>
	</div>
</div><!-- /tipbox -->
</script>